import React, { Component } from "react";
import { NavBar, Icon } from 'antd-mobile';
import { Button, List, InputItem, Toast } from 'antd-mobile';
import { WhiteSpace, WingBlank } from 'antd-mobile';

export default class MyAccountPaypassword extends Component {
    render() {
        return (
            <div>
                <div>
                    <NavBar
                        style={{position:'relative'}}
                        mode="light"
                        icon={<Icon type="left" />}
                        onLeftClick={() => window.location.href = '#/terran/myAccount'}
                        rightContent={[
                            <Icon key="0" type="search" style={{ marginRight: '16px' }} />,
                            <Icon key="1" type="ellipsis" />,
                        ]}
                    >修改支付密码</NavBar>

                    <List renderHeader={() => ''}>
                        <InputItem
                            type="password"
                            clear
                            placeholder="请输入原始密码"
                        >原始密码</InputItem>
                    </List>
                    <List renderHeader={() => ''}>
                        <InputItem
                            type="password"
                            clear
                            placeholder="请输入新密码"
                        >新密码</InputItem>
                        <InputItem
                            type="password"
                            clear
                            placeholder="请再次输入新密码"
                        >确认密码</InputItem>
                    </List>
                    <WingBlank>
                        <WhiteSpace /><WhiteSpace /><WhiteSpace />
                        <Button type="primary">确认修改</Button>
                    </WingBlank>
                </div>
            </div>
        );
    }
}